<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击我</button>
    <script>
        // 箭头函数的注意点 ：
        // 1.箭头函数里的this
        // 箭头函数 内 没有this绑定 ，它的this 是上层作用域的this
        // this的穿透
        // let btn = document.querySelector("button");
        // btn.onclick = ()=>{
        //     var arr = [1,2];
        //     arr.forEach(item=>{
        //         setTimeout(()=>{
        //             console.log(this);
        //         }, 1000);
        //     })
        // }


        // 事件函数使用 箭头函数获取事件源 
        // let btn = document.querySelector("button");
        // btn.onclick = e=>{
        //     //  btn.style.background = "red";
        //     e.target.style.background = "red";
        // }

        // 2.箭头函数 没有 隐藏参数 arguments
        // var fn = ()=>{
        //     console.log(arguments);
        // }
        // fn(1,2,3);

        // 箭头函数 处理不定参？
        // var fn = (...args)=>{
        //     console.log(args);
        // }

        // fn(1,2,3,4);


        // 3.箭头函数 不能作为构造函数；
        // var Fn = ()=>{
        //     // this.name = "张三";
        // }
        // var  myfn = new Fn();  // 不行 




    </script>
</body>
</html>